/* CSS Document 8AB200, A08A6A, BD8928, F6F1D5, E0C285*/

body{
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
background-color:#36270F;
background-image:url(../images/bgbg.gif);
scrollbar-face-color: #D4BE7B;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color:#D4BE7B;
scrollbar-darkshadow-color: #D4BE7B;
scrollbar-track-color: #D4BE7B;
scrollbar-arrow-color: #53670D;

}

.text{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10pt;
color:#000000;
text-decoration:none;
}
.booktext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10pt;
color:#000000;
text-decoration:none;
}

.footertext{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9pt;
color:#ffffff;
text-decoration:none;
}

a.footerlinks{

font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9pt;
color:#ffffff;
text-decoration:none;
}
a.footerlinks:hover{

font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9pt;

color:#ffffff;
text-decoration:none;
}
.heading6{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#000000;
text-decoration:none;
}
.border{
border: 2px solid #A08A6A;
}
.quicklinks_heading{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#F3EECF;
}

a.quicklinks{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#806230;
text-decoration:none;
}
a.quicklinks:hover{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#806230;
text-decoration:none;
}
.border_quicklinks{ 
border-top 1px solid #A08A6A;
border-right: 1px solid #A08A6A;
border-left: 1px solid #A08A6A;
background-color:#D8CDAE;

}
/*------------------ My Styles ----------------------- */
A.infocontent2:visited
{
    FONT-SIZE: 10pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline;
}
A.infocontent2:link
{
    FONT-SIZE: 10pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline;
}
A.infocontent2:hover
{
    FONT-SIZE: 10pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
A.infocontent2:active
{
    FONT-SIZE: 10pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
A.11ptlink:visited
{
    FONT-SIZE: 11pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline;
}
A.11ptlink:link
{
    FONT-SIZE: 11pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline;
}
A.11ptlink:hover
{
    FONT-SIZE: 11pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
A.11ptlink:active
{
    FONT-SIZE: 11pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
.contents
{
	font-size:14pt;
	font-weight:bold;
	font-family:Arial;
}
.normalheading
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    Font-weight: bold
}
A.button4:visited
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 185;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #A08A6A;
	TEXT-Align: Center;
	height: 21;
	TEXT-DECORATION: none
}
A.button4:link
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 185;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #A08A6A;
	TEXT-Align: Center;
	height: 21;
	TEXT-DECORATION: none
}
A.button4:hover
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 185;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #A08A6A;
	TEXT-Align: Center;
	height: 21;
	TEXT-DECORATION: none
}
A.button4:active
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 185;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #A08A6A;
	TEXT-Align: Center;
	height: 21;
	TEXT-DECORATION: none
}
A.button5:visited
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 65;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #A08A6A;
	TEXT-Align: Center;
	height: 21;
	TEXT-DECORATION: none
}
A.button5:link
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 65;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #A08A6A;
	TEXT-Align: Center;
	height: 21;
	TEXT-DECORATION: none
}
A.button5:hover
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 65;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #A08A6A;
	TEXT-Align: Center;
	height: 21;
	TEXT-DECORATION: none
}
A.button5:active
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 65;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #A08A6A;
	TEXT-Align: Center;
	height: 21;
	TEXT-DECORATION: none
}
A.link1:visited
{
    FONT-SIZE: 10pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
A.link1:link
{
    FONT-SIZE: 10pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
A.link1:hover
{
    FONT-SIZE: 10pt;
    COLOR: #806230;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
A.link1:active
{
    FONT-SIZE: 10pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.maincontentvb
{
    FONT-SIZE: 13px;
    COLOR: #806230;
    FONT-FAMILY: Arial;
    FONT-STYLE: italic;
}
.colorcontent
{
    FONT-SIZE: 13px;
    COLOR: #8b0000;
    FONT-FAMILY: Arial
}
A.link1new:visited
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: BOLD;
    COLOR: #806230;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height: 22;
}
A.link1new:link
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: BOLD;
    COLOR: #806230;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height: 22;
}
A.link1new:hover
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: BOLD;
    COLOR: #806230;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height: 22;
}
A.link1new:active
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: BOLD;
    COLOR: #806230;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height: 22;
}
.tdclass
{
	text-align:center;
	
}
.colorcontent2
{
    FONT-SIZE: 10pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial
}
.maincontent{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10pt;
color:#000000;
text-decoration:none;
}
.maincontentsmall{
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#000000;
text-decoration:none;
}
.boldcontent
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
.contentitalics
{
    FONT-Style: Italic;
    COLOR: green;
    FONT-FAMILY:Verdana;
}
.underline
{
	TEXT-DECORATION: underline;
}
.maincontentitalics2
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-STYLE: italic;
    FONT-WEIGHT: BOLD; 
    TEXT-DECORATION: underline;
}
.maincontentvb2
{
    FONT-SIZE: 13px;
    COLOR: #333333;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Arial
}
.hgreen
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    Font-style: Italic;
    FONT-WEIGHT: BOLD;
    FONT-FAMILY: Arial;
}
.topicheading
{
    FONT-SIZE: 20pt;
    COLOR: #000000;
    FONT-FAMILY: Monotype Corsiva, Verdana;
    Font-weight: bold;
}
.maincontentitalics
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-WEIGHT: BOLD;
    FONT-FAMILY: Arial;
    FONT-STYLE: italic;
}
.13pt
{
    FONT-SIZE: 13pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
}
.12pt
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
}
.11pt
{
    FONT-SIZE: 11pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
}

/*-----------------------For Books Remove IT----------------*/
.tdstyle2
{
    BORDER-RIGHT: black 1px outset;
    BORDER-BOTTOM: black 1px outset;
    
}
.tdstyle3
{
    BORDER-RIGHT: #97BBD3 1px outset;
    BORDER-BOTTOM: #97BBD3 1px outset;
    background-color:"#849AA9";
    
}
.topcontent
{
    FONT-SIZE: 22pt;
    COLOR: #ffffff;
    FONT-FAMILY: Monotype Corsiva, Verdana;
    TEXT-DECORATION: none;
    Font-style: Italic;
    Font-weight: bold
}
.heading
{
    FONT-SIZE: 11pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    Font-weight: bold
}
A.button1:visited
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 90;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #6487DB;
	TEXT-Align: Center;
	TEXT-DECORATION: none
}
A.button1:link
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 90;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #6487DB;
	TEXT-Align: Center;
	TEXT-DECORATION: none
}
A.button1:hover
{
     border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 90;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #6487DB;
	TEXT-Align: Center;
	TEXT-DECORATION: none
}
A.button1:active
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 90;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #6487DB;
	TEXT-Align: Center;
	TEXT-DECORATION: none
}
A.button2:visited
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 120;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #6487DB;
	TEXT-Align: Center;
	TEXT-DECORATION: none
}
A.button2:link
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 120;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #6487DB;
	TEXT-Align: Center;
	TEXT-DECORATION: none
}
A.button2:hover
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 120;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #6487DB;
	TEXT-Align: Center;
	TEXT-DECORATION: none
}
A.button2:active
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: white;
	width: 120;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #6487DB;
	TEXT-Align: Center;
	TEXT-DECORATION: none
}
.tablestyleblack
{
    BORDER-RIGHT: #666666 1px outset;
    BORDER-BOTTOM: #666666 1px outset;
    BORDER-TOP: #666666 1px outset;
    BORDER-LEFT: #666666 1px outset;
    
}
.maincontentsmall2
{
    FONT-SIZE: 11pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}
.normalheading
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    Font-weight: bold
}
.normalcontent
{
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}
.normalcontent2
{
    FONT-SIZE: 11pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}
.normalcontent3
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}
.normalcontent4
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}
.colorcontents
{
	font-size:14pt;
	COLOR: #8b0000;
	font-family:Verdana, Arial;
}
.colorcontents2
{
	font-size:12pt;
	COLOR: #8b0000;
	font-family:Verdana, Arial;
}
A.contentlink:visited
{
    FONT-SIZE: 14pt;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.contentlink:link
{
    FONT-SIZE: 14pt;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.contentlink:hover
{
    FONT-SIZE: 14pt;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.contentlink:active
{
    FONT-SIZE: 14pt;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.contentlink2:visited
{
    FONT-SIZE: 12pt;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
A.contentlink2:link
{
    FONT-SIZE: 12pt;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
A.contentlink2:hover
{
    FONT-SIZE: 12pt;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}
A.contentlink2:active
{
    FONT-SIZE: 12pt;
    COLOR: #8b0000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
.bigh1
{
	font-size:33pt;
	font-weight:bold;
	font-family:Verdana;
}
.bigh2
{
	font-size:20pt;
	font-weight:bold;
	font-family:Verdana;
}
.bigh3
{
	font-size:15pt;
	font-weight:bold;
	font-family:Verdana;
}
.bigh1a
{
	font-size:25pt;
	font-weight:bold;
	font-family:Verdana;
}
.vboldcontent
{
    FONT-SIZE: 18pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    Font-weight: bold
}
.boldcontent2
{
    FONT-SIZE: 15pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    Font-weight: bold
}
.heading4
{
    FONT-SIZE: 11pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    Font-weight: bold
}
.smallcontent
{
    FONT-SIZE: 11px;
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial
}
.heading3
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: underline;
    Font-weight: bold
}
.heading2
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: underline;
    Font-weight: bold
}
.maincontent2
{
    FONT-SIZE: 11pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial
}
.mencell
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: black;
	width: 185;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #D4BE7B;
	height: 21;
	TEXT-DECORATION: none
}
.mencell1
{
    border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	font-weight: bold;
	border-left: #000000 1px solid;
	color: black;
	width: 525;
	border-bottom: #000000 1px solid;
	font-family: Arial;
	background-color: #D4BE7B;
	height: 161;
	TEXT-DECORATION: none
}
.hcolor1
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    font-weight: bold;
}
.topicheading2
{
    FONT-SIZE: 20pt;
    COLOR: #806032;
    FONT-FAMILY: Monotype Corsiva, Verdana;
    Font-weight: bold;
}
.topicheading3
{
    FONT-SIZE: 16pt;
    PADDING: 14px 0px;
    COLOR: #806032;
    FONT-FAMILY: Monotype Corsiva, Verdana;
    Font-weight: bold;
}

.tdbg
{
	FONT-SIZE: 11pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    background-color: #A08A6A;
    font-weight: bold;
    text-align:center;
}
.800{
color:#800000;
}
A.contentlink3:visited
{
    FONT-SIZE: 13px;
    COLOR: #8b0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
A.contentlink3:link
{
    FONT-SIZE: 13px;
    COLOR: #8b0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
A.contentlink3:hover
{
    FONT-SIZE: 13px;
    COLOR: #8b0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline;
}
A.contentlink3:active
{
    FONT-SIZE: 13px;
    COLOR: #8b0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
.numbertext
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
.othertext
{
    FONT-SIZE: 11px;
    COLOR: #800517;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
.bullet
{
 margin-bottom:8px;
}
.popupheader
{
	FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    background-color: #A08A6A;
    font-weight: bold;
    
}
.popupreadmore
{
	FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    background-color: #A08A6A;
    font-weight: bold;
    text-align:right;
    
}
A.link2new:visited
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: BOLD;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height: 22;
}
A.link2new:link
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: BOLD;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height: 22;
}
A.link2new:hover
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: BOLD;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height: 22;
}
A.link2new:active
{
    FONT-SIZE: 10pt;
    FONT-WEIGHT: BOLD;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height: 22;
}
.purpleclr{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
color:#625BA8;
text-decoration:none;
}

.colorcontent3
{
    FONT-SIZE: 14pt;
    COLOR: #0B70D5;
    FONT-FAMILY: Arial;
    text-align:center;
    font-weight:bold;
}
.maincontentright{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10pt;
color:#000000;
text-align:right;
text-decoration:none;
}


.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* The actual popup */
    .popup .popuptext {
        visibility: hidden;
        width: 160px;
        background-color: #ffffff;
        color: #000000;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
    }

        /* Popup arrow */
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }